<div class="ira-right-panel">
  <div class="button-wrap">
    <div class="btn" (click)="btnToggle()">{{visible ? '收起' : '展开'}}</div>
  </div>

  <div [ngClass]="{'slide-up':visible && count>0, 'slide-down':!visible && count>0 }" class="content">
    <div class="sec">
      <div class="title">
        <div>今日水情</div>
      </div>
      <div class="content jrsq">
        <nz-carousel nzAutoPlay>
          <div nz-carousel-content *ngFor="let item of jrsqData">
            <div class="total" *ngIf="item.name">
              <span class="text">{{ item.name }}</span>
              <span class="value">{{ item.flow }}</span>
            </div>
            <div class="others">
              <div *ngFor="let child of item.children">
                <span class="text">{{child.name}}</span>
                <span class="value">{{child.flow}}</span>
              </div>
            </div>
          </div>
        </nz-carousel>
      </div>
    </div>

    <div class="sec">
      <div class="title">
        <div>灌溉进度</div>
      </div>
      <div class="content ggjd">
        <div class="unit">
          <span class="text">小麦头水已灌</span>
          <span class="value">{{ggjdData['小麦头水'] || 0}}</span>

        </div>
        <div class="unit">
          <span class="text">小麦二水已灌</span>
          <span class="value">{{ggjdData['小麦二水'] || 0}}</span>

        </div>
        <div class="unit">
          <span class="text">小麦三水已灌</span>
          <span class="value">{{ggjdData['小麦三水'] || 0}}</span>

        </div>
        <div class="unit">
          <span class="text">水稻已灌</span>
          <span class="value">{{ggjdData['水稻'] || 0}}</span>

        </div>
        <div class="unit last">
          <span class="text">玉米已灌</span>
          <span class="value">{{ggjdData['玉米'] || 0}}</span>

        </div>
        <div class="unit last">
          <span class="text">其他已灌</span>
          <span class="value">{{ggjdData['其他'] || 0}}</span>
        </div>
      </div>

    </div>

    <div class="sec">
      <div class="title">
        <div>引用水情况</div>
      </div>
      <div class="content ysqk">

          <div class="unit">
            <span class="text">计划</span>
            <span class="value">{{waterData['planVal']}}</span>
          </div>
          <div class="unit">
            <span class="text">实际</span>
            <span class="value">{{waterData['val']}}</span>
          </div>


          <div class="unit">
            <span class="text">占计划</span>
            <span class="value">{{(waterData['planPer']*100).toFixed(2) + '%'}}</span>
          </div>
          <div class="unit">
            <span class="text">去年同期</span>
            <span class="value">{{waterData['lastVal']}}</span>
          </div>

          <div class="unit">
            <span class="text">占去年同期</span>
            <span class="value">{{(waterData['lastPer']*100).toFixed(2) + '%'}}</span>
          </div>
      </div>

    </div>
  </div>

</div>
